@charset "utf-8";

html, body {margin:0px; padding:0px; height:100%;}
ul, dl, ol , dt, dd, p, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#000;}
ul, ol, li {list-style-type:none;}
body, input, textarea, select, button, option, optgroup {font:12px/1.5 '나눔고딕', NanumGothic, '나눔고딕eot', '나눔고딕ttf', '돋움', dotum; color:#333;}
optgroup {border:0; padding:0; margin:0;}
input {margin:0;}
textarea {overflow:auto; margin:0;}
fieldset {display:block; border:0; padding:0; margin:0;}
legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
form {margin:0; padding:0;}
textarea {}
img {border:0; vertical-align:top;}
hr {display:none;}
em, address {font-style:normal;}
table {table-layout:fixed; border-collapse:collapse;}
a:link, a:visited, a:active, a:hover {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#03a2d0 !important;}

/* common */
.hidden {display:none;}
.button {cursor:pointer;}
.clear {clear:both;}
button,
a.button,
input.button {border:1px solid #03a2d0; height:28px; background:#02b0ed; width:auto; padding:0 5px; color:#fff; font-weight:bold; cursor:pointer; vertical-align:middle;}
button.big,
a.button.big,
input.button.big {padding:0 12px; font-size:16px; height:36px; overflow:visible;}
button.gray,
a.button.gray,
input.button.gray {border:1px solid #c6c6c6; background:#d3d3d3; color:#fff;}
button.navy,
a.button.navy,
input.button.navy {background:#24364a; border:1px solid #112337;}
a.button {display:inline-block; height:26px; line-height:26px;}
a.button:hover {color:#fff !important; text-decoration:none;}
a.btn-more-block {display:block; color:#000; padding:5px 0 6px; border:1px solid #e8e8e8; text-align:center; background:#f7f7f7;}

/* font */
@font-face {font-family:'나눔고딕eot'; src:url('/font/NanumGothic.eot');}
@font-face {font-family:'나눔고딕eot'; src:url('/font/NanumGothicBold.eot'); font-weight:bold;}
@font-face {font-family:'나눔고딕ttf'; src:url('/font/NanumGothic.ttf');}
@font-face {font-family:'나눔고딕ttf'; src:url('/font/NanumGothicBold.ttf'); font-weight:bold;}

/* layout */
.wrapper {position:relative; width:980px; margin:0 auto;}
#layer-dim {position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; background:#fff; opacity:0.9; filter:alpha(opacity=90);}

/* header */
#header {position:fixed; top:0; left:0; width:100%; height:40px; background-color:#24364a; border-bottom:1px solid #081d34; z-index:400;}
#header h1 {position:absolute; left:0; top:5px;}
#header .btn-notify {position:absolute; left:113px; top:10px; width:24px; height:18px; width:overflow:hidden; cursor:pointer; background:url(../image/layout/ico_notification.png) no-repeat;}
#header .btn-notify.new {background:none; width:auto;}
#header .btn-notify.new .cnt {float:left; padding:2px 0 0 9px; min-width:10px; text-align:center; height:16px; color:#fff; font:bold 11px/14px calibri; background:url(../image/layout/bg_balloon_red.png) no-repeat;}
#header .btn-notify.new .bg {float:left; width:5px; height:18px; background:url(../image/layout/bg_balloon_red.png) right 0 no-repeat;}
#header .notify {position:absolute; top:41px; width:330px; border:1px solid #000; border-top:0; background:#fff;}
#header .notify h3 {padding-left:14px; height:28px; line-height:28px; font-size:11px;}
#header .notify ul {border-top:1px solid #e0e0e0;}
#header .notify li {border-bottom:1px solid #e0e0e0;}
#header .notify li.empty {padding:15px 0; color:#666; text-align:center;}
#header .notify li a {display:block; position:relative; padding:10px 13px 8px 53px; height:36px; font-size:11px; }
#header .notify li a:hover {background:#f7f7f7; text-decoration:none; color:#333 !important;}
#header .notify li a.unread {background:#feffe0 !important;}
#header .notify li .date {color:#999;}
#header .notify li .profile {position:absolute; top:13px; left:14px; width:30px; height:30px; }
#header .notify li .nick,
#header .notify li .target {font-weight:bold; color:#000;}
#header .notify .link {display:block; line-height:28px; text-align:center; color:#03a2d0; font-size:11px; background:#f7f7f7;}
#header .g-navi {position:absolute; top:0; left:364px;}
#header .g-navi li {float:left;}
#header .g-navi a {display:block; width:84px; height:41px; text-indent:-1000px; overflow:hidden; background:url(../image/layout/map_gnavi.png) no-repeat;}
#header .g-navi a.on {height:42px;}
#header .g-navi a.square {position:relative; background-position:0 0; margin-right:-1px; border-right:1px solid #4d5666;}
#header .g-navi a.square:hover {background-position:0 -41px;}
#header .g-navi a.square.on {background-position:0 -82px; margin-right:0; border-right:0;}
#header .g-navi a.destination {background-position:-84px 0;}
#header .g-navi a.destination:hover {background-position:-84px -41px;}
#header .g-navi a.destination.on {background-position:-84px -82px;}
#header .g-navi a.tnote {background-position:-168px 0; margin-left:-1px; border-left:1px solid #4d5666;}
#header .g-navi a.tnote:hover {background-position:-168px -41px;}
#header .g-navi a.tnote.on {background-position:-168px -82px; margin-left:0; border-left:0;}
#header .member {position:absolute; top:0; right:0;}
#header .member li {float:left;}
#header .member a.menu {display:block; padding:11px 1px 0; height:29px; font-size:11px; text-align:center; font-weight:bold;}
#header .member a.menu:hover {border:1px solid #4d5666; padding:11px 0 0; border-width:0 1px; background-color:#02172e; text-decoration:none;}
#header .member .join a.menu {width:69px; color:#02b0ed; position:relative;}
#header .member .login a.menu {width:63px; color:#fff;}
#header .member .join .sns {position:absolute; top:41px; right:0; width:164px; padding:9px 12px 10px; border:1px solid #bcbcbc; border-top:0; background:#feffe0; color:#000; font-size:11px; line-height:18px;}
#header .member .join .sns p {margin:6px 3px 0 0; text-align:right; color:#666;}
#header .member .join .sns p input {vertical-align:0;}
#header .member .join .sns p label {vertical-align:3px; padding-left:2px;}
#header .member .create a.menu {width:104px; color:#fff; font-weight:bold;}
#header .member .create a.menu span {padding-right:10px; background:url(../image/layout/bu_plus.png) right 4px no-repeat;}
#header .member .info a.menu {padding:9px 16px 0; height:31px; color:#fff; font-weight:bold; cursor:pointer;}
#header .member .info a.menu:hover {padding:9px 15px 0;}
#header .member .info a.menu .profile {float:left; width:22px; height:22px;}
#header .member .info a.menu .facebook {float:left; margin:11px 0 0 -11px;}
#header .member .info a.menu .nick {float:left; margin:2px 0 0 6px; padding-right:10px; background:url(../image/layout/bu_arrow_down.png) right 7px no-repeat;}
#header .member li {position:relative;}
#header .member li .sub-layer {position:absolute; right:0; top:40px; border:1px solid #081d34; background:#fff;}
#header .member li .sub-layer li {float:none;}
#header .member li .sub-layer li.first {border-bottom:1px solid #e0e0e0;}
#header .member li .sub-layer li.last {border-top:1px solid #e0e0e0;}
#header .member li .sub-layer a {display:block; padding-top:6px; height:21px; background:#fff; font-size:11px; font-weight:bold; color:#000;}
#header .member li .sub-layer a:hover {background:#f7f7f7; text-decoration:none;}
#header .member li.create .sub-layer a {width:104px; text-align:center;}
#header .member li.info .sub-layer a {width:74px; padding-left:14px; }
#header .shadow {position:fixed; top:41px; left:0; width:100%; height:2px; overflow:hidden; background:url(../image/layout/bg_subheader.png) 0 -37px repeat-x; z-index:10;}

/* sub-header */
#sub-header {min-width:980px; position:relative; padding-top:41px; height:39px; background:url(../image/layout/bg_subheader.png) 0 41px repeat-x; z-index:11;}
#sub-header .search {position:absolute; top:6px; left:0; height:25px; overflow:hidden; border-bottom:1px solid #fff;}
#sub-header .search .btn-submit {float:left;}
#sub-header .search .keyword {float:left; width:163px; width:149px; padding:2px 7px 3px; height:18px; font-size:11px; border-top:1px solid #c1c1c1; border-left:1px solid #cbcbcb; border-bottom:1px solid #d0d0d0; border-right:0; background:#fff url(../image/common/bg_input.png) repeat-x;}  
#sub-header .search .placeholder {position:absolute; top:6px; left:8px; font:bold 11px calibri; color:#b8b8b8;}
#sub-header .navi {position:absolute; top:9px;}
#sub-header .navi.square {left:312px;}
#sub-header .navi.destination {left:390px;}
#sub-header .navi.tnote {left:530px;}
#sub-header .navi li {float:left; color:#d5d5d5; padding-right:13px;}
#sub-header .navi li a {color:#666; font-weight:bold;}
#sub-header .navi li a.on {color:#02172e;}
#sub-header .navi li span {margin-right:13px;}
#sub-header .navi li img.new {vertical-align:middle; margin-left:3px;}

/* content */
#content {min-height:100%; margin:-80px 0 -93px;}
#content .wrapper {padding:80px 0 143px;}
#content .wrapper.top {padding-top:100px;}
#content .wrapper.no-top {padding-top:20px;}
#content .wrapper.no-padding {padding-top:0;}
#content .content-top {padding-top:80px;}

/* footer */
#footer {min-width:980px; height:92px; border-top:1px solid #e1e1e1; background-color:#f7f7f7;}
#footer .btn-top {position:absolute; top:-39px; right:-112px;}
#footer .h-line {background-color:#fff; height:1px; oveflow:hidden;}
#footer .logo {float:left; margin-top:13px;}
#footer .menu {float:right; margin-top:16px;}
#footer .menu li {float:left; margin-left:12px;}
#footer .menu li a {color:#666; font-size:11px;}
#footer .menu li span {color:#dadada; margin-right:12px;}
#footer .copyright {clear:both; float:right; margin-top:10px; font:bold 11px calibri; color:#adacac; white-space:nowrap;}

/* 좌측 고정 링크 */
#side-link {position:fixed; top:240px; left:0;}
#side-link .feedback {display:block; width:32px; height:108px; overflow:hidden; text-indent:-1000px; background:url(../image/layout/map_btn_fixed.png) no-repeat;}

/* 이전 페이지 버튼 */
a.btn-back-page {position:absolute; left:-46px; top:100px; width:32px; height:32px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_arrow.png) no-repeat;}
a.btn-back-page:hover {background-position:-35px 0;}

/* 지도 */
.map-canvas {height:100%; position:relative;} /* will be created by script */
.map-canvas .zoom-control {position:absolute; top:8px; right:8px; width:20px; height:42px; z-index:50; background:url(../image/maps/map_control.png) no-repeat;}
.map-canvas .zoom-control a {display:block; height:21px; text-indent:-100px; overflow:hidden; }
.map-canvas .btn-fit {position:absolute; top:7px; left:8px; width:39px; height:20px; text-indent:-100px; overflow:hidden; z-index:50; background:url(../image/maps/btn_fit.png) no-repeat;}
.map-canvas .info-layer {position:absolute; top:100px; left:100px; border:2px solid #ccc; background:#fff; z-index:200;}
.map-canvas .info-layer .city {max-width:202px; padding:8px 10px 11px 9px;}
.map-canvas .info-layer .city .flag {position:absolute; top:12px; left:12px;}
.map-canvas .info-layer .city .name {margin-left:33px; font-size:11px; color:999; line-height:16px; white-space:nowrap;}
.map-canvas .info-layer .city .name a {font-size:14px; color:000; font-weight:bold;}
.map-canvas .info-layer .city .en-name {margin-left:33px; font:11px/12px calibri; color:#aaa;}
.map-canvas .info-layer .city .intro {margin-top:6px; font:11px; color:#444;}
.map-canvas .info-layer .spot {padding:8px 10px 10px; width:300px;}
.map-canvas .info-layer .spot .icon {position:absolute; top:10px; left:10px;}
.map-canvas .info-layer .spot .name {height:16px; padding-left:29px; font-size:14px; line-height:16px; font-weight:bold; color:#000; overflow:hidden;}
.map-canvas .info-layer .spot .name a {float:left; }
.map-canvas .info-layer .spot .name a.btn-add {margin-left:10px; width:16px; height:16px; text-indent:-100px; overflow:hidden; background:url(../image/route/create/btn_plus.png) no-repeat;}
.map-canvas .info-layer .spot .en-name {height:13px; padding-left:29px; font:11px/13px calibri; color:#aaa;}
.map-canvas .info-layer .spot .detail {margin-top:7px; padding-left:85px; font-size:11px; min-height:76px;}
.map-canvas .info-layer .spot .thumb {position:absolute; left:10px; top:46px; width:76px; height:76px;}
.map-canvas .info-layer .spot .intro {color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.map-canvas .info-layer .spot dl {margin-top:8px; color:#999; line-height:14px;}
.map-canvas .info-layer .spot dt {float:left; font-weight:bold;}
.map-canvas .info-layer .spot dd {margin:0 0 4px 48px;}
.map-canvas .info-layer .spot .stat {height:20px;}
.map-canvas .info-layer .spot .btn-hide {position:absolute; top:9px; right:10px; width:16px; height:16px; text-indent:-100px; overflow:hidden; background:url(../image/route/create/btn_x_m.png);}
.map-canvas .info-layer .arrow {position:absolute; bottom:-11px; left:50%; margin-left:-11px; height:0px; border-top:11px solid #fff; border-left:11px solid transparent; border-right:11px solid transparent;}
.map-canvas .info-layer .arrow-bg {position:absolute; bottom:-14px; left:50%; margin-left:-14px; height:0px; border-top:14px solid #ccc; border-left:14px solid transparent; border-right:14px solid transparent;}
.map-canvas .marker-label {position:absolute; padding:4px 5px; line-height:1; background:#fff; border:1px solid #000; white-space:nowrap; color:#000; font-size:11px; font-weight:bold;}
.map-canvas .marker-label img {vertical-align:middle; margin-right:4px;}
.map-canvas .marker-label:hover,
.map-canvas .marker-label.on {background:#feffe0; text-decoration:none;}
.map-canvas .marker-icon {position:absolute; width:21px; height:24px; padding-top:4px; text-align:center; color:#fff; font:bold 11px calibri; cursor:pointer; background:url(../image/maps/bg_mark_spot.png) no-repeat; }
.map-canvas .marker-icon.city {background-image:url(../image/maps/bg_mark_city.png);}
.map-canvas .marker-icon.empty {background-image:url(../image/maps/ico_mark_spot.png);}
.map-canvas .marker-icon.city.empty {background-image:url(../image/maps/ico_mark_city.png);}
.map-canvas .marker-shadow {position:absolute; width:19px; height:10px; background:url(../image/maps/bg_shadow.png) no-repeat;}
.map-canvas .marker-move {position:absolute; width:23px; height:23px;}

/* 여행길 목록 */
.route-list {}
.route-list li {position:relative; float:left; margin:0 17px 14px 0; border-bottom:1px solid #ddd;}
.route-list li.center {margin-right:18px;}
.route-list li.right {margin-right:0;}
.route-list a.link-wrap {display:block; width:202px; height:283px; padding:14px; border:1px solid #c8c8c8; border-top:1px solid #ddd; cursor:pointer;}
.route-list li.simple a.link-wrap {height:247px;}
.route-list .map-info {position:relative; width:202px; height:182px;} 
.route-list .map-info .thumb {width:202px; height:182px;}
.route-list .map-info .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); visibility:hidden;} 
.route-list .map-info .info {position:absolute; top:0; left:0; width:100%; height:100%; font-size:14px; color:#fff; font-weight:bold; visibility:hidden;} 
.route-list a.link-wrap:hover {background:#f7f7f7; text-decoration:none;}
.route-list a.link-wrap:hover .map-info .dim,
.route-list a.link-wrap:hover .map-info .info {visibility:visible;}
.route-list a.link-wrap:hover .title {color:#03a2d0;}
.route-list .map-info .info .cnt {padding:8px 11px 7px; font-size:14px; line-height:24px; } 
.route-list .map-info .info .cnt em {font-size:18px; color:#33ccff;} 
.route-list .map-info .info .cnt span {font-size:11px; color:#ccc; font-weight:normal;} 
.route-list .map-info .info .nations {padding:0 11px; line-height:22px;} 
.route-list .title {margin-top:10px; padding-bottom:4px; font-size:16px; color:#333; font-weight:bold; line-height:20px;}
.route-list .title em {color:#ffc829;}
.route-list .title img {vertical-align:middle;}
.route-list .intro {font-size:11px; color:#999;}
.route-list .desc {font-size:11px; color:#999; line-height:16px;}
.route-list .period {float:left; color:#999; height:26px; line-height:16px; font-weight:bold;}
.route-list .member {float:right; font-size:11px; color:#999; line-height:16px;}
.route-list .member em {color:#666;}
.route-list .count {position:absolute; left:14px; bottom:14px; padding:4px 6px 0 5px; height:17px; background:#ededed; font-family:calibri; line-height:13px; color:#666;}
.route-list .count .arrow {position:absolute; top:-6px; left:0; height:0; overflow:hidden; border-left:6px solid #ededed; border-top:6px solid transparent;}
.route-list .count .like {float:left; padding-left:18px; background:url(../image/common/ico_like.png) no-repeat; }
.route-list .count .like.on {background-image:url(../image/common/ico_like_on.png);}
.route-list .count .reply {float:left; margin-left:8px; padding-left:18px; background:url(../image/common/ico_reply.png) no-repeat;}
.route-list .count .retravel {float:left; margin-left:8px; padding-left:15px; background:url(../image/common/ico_retravel.png) no-repeat;}
.route-list .manage {position:absolute; right:14px; bottom:14px;}
.route-list .manage a {float:left; width:24px; height:23px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_edit.png) no-repeat;} 
.route-list .manage a:hover {text-decoration:none;}
.route-list .manage a.btn-del {background-position:-24px 0; width:23px;}
.route-list .manage a.btn-edit:hover {background-position:0 -25px;}
.route-list .manage a.btn-del:hover {background-position:-24px -25px;}

/* 정렬선택  네비게이션 */
.sort-navi {padding-bottom:1px; border-bottom:1px solid #ddd; overflow:hidden;}
.sort-navi ul {height:24px; border-bottom:1px solid #ddd;}
.sort-navi li {float:left; margin-right:10px; padding-right:20px; background:url(../image/common/bu_dot_gray2.png) right 8px no-repeat; }
.sort-navi li.last {background:none; margin:0; padding:0;}
.sort-navi li a {color:#666;}
.sort-navi li.on a {color:#000; font-weight:bold;}

/* 탭 네비게이션 */
.tab-navi {position:relative; height:33px; border-bottom:1px solid #c8c8c8;}
.tab-navi li {float:left; border:1px solid #c8c8c8; background:#f7f7f7; margin-right:-1px;}
.tab-navi li a {display:block; padding:6px 18px 0; height:26px; font-weight:bold; color:#999;}
.tab-navi li.on {background:#fff; border-bottom:0; padding-bottom:1px;}
.tab-navi li.on a {color:#000; }

/* 스팟 평가점수 (별표) */
.spot-score-info {float:left; width:100px; font:12px/13px calibri;}
.spot-score-info .star {float:left; margin-right:2px; width:14px; height:13px; background:url(/image/spot/map_star_s.png) no-repeat;}
.spot-score-info .star.full {background-position:-15px 0;}
.spot-score-info .star.half {background-position:-30px 0;}
.spot-score-info .num {margin-left:3px; color:#666;}

/* 스팟 Like */
.spot-like-info {float:left; font:12px/13px calibri; width:50px;}
.spot-like-info .icon {float:left; margin-top:2px; width:14px; height:11px; background:url(/image/common/ico_like_s.png) no-repeat;}
.spot-like-info .num {margin-left:5px; color:#666;}

/* 모듈 박스 */
.m-box {position:relative; border:1px solid #ddd; border-width:1px 0; margin-bottom:20px;}
.m-box.no-margin {margin-bottom:0;}
.m-box-inner {border:1px solid #c8c8c8; border-width:0 1px 1px;}

/* 우측 박스 */
.side-box {position:relative; border:1px solid #fff; padding:13px; background:url(/image/common/bg_sidebox_m.png)}
.side-box-t {position:absolute; top:0; left:0; width:100%; height:13px; background:url(/image/common/bg_sidebox_t.png) no-repeat;}
.side-box-b {position:absolute; bottom:0; left:0; width:100%; height:13px; background:url(/image/common/bg_sidebox_b.png) left bottom no-repeat;}
.side-box h3 {font-size:12px;}
.side-box h3.title {margin-bottom:13px; padding:3px 0 9px; font-size:12px; color:#000; background:url(/image/common/ln_dotted.png) 0 bottom repeat-x;}
.side-box-border {margin:0 -14px; background:#e4e4e4; height:1px; overflow:hidden; border:1px solid #fff; border-width:1px 0;}

/* 페이지네이션 */
.pagination {padding-bottom:1px; border:1px solid #e2e2e2; border-top-color:#ebebeb; background:#fff;}
.pagination div {background:#fbfbfb; text-align:center; height:31px; font-family:calibri; font-weight:bold; font-size:0;}
.pagination .current,
.pagination a {display:inline-block; width:33px; padding-top:6px; height:26px; border-right:1px solid #e2e2e2; color:#888; vertical-align:top; font-size:12px;}
.pagination .current {background:#fff; color:#000;}
.pagination .current.first {border-left:1px solid #e2e2e2;}
.pagination .prev,
.pagination .next {position:relative; cursor:pointer; color:#fbfbfb;}
.pagination .next {border-right:0;}
.pagination .prev span,
.pagination .next span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/image/common/map_page_arrow.png) no-repeat;}
.pagination .next span {background-position:-33px 0;}
.pagination .prev:hover span {background-position:0 -32px;}
.pagination .next:hover span {background-position:-33px -32px;}

/* 페이지네이션 - 레이어용 */
.layer-pagination {text-align:center;}
.layer-pagination .num {display:inline-block; vertical-align:middle; margin-right:20px; font:bold 12px/14px calibri; width:14px; height:14px; padding:1px; color:#03a2d0;}
.layer-pagination a.num:hover {color:#fff !important; background:#02b0ed; text-decoration:none;}
.layer-pagination .num.current {padding:0; border:1px solid #000; color:#000;}
.layer-pagination .arrow {position:relative; vertical-align:middle; display:inline-block; margin-right:20px; width:16px; height:16px; }
.layer-pagination .arrow span {position:absolute; top:2px; left:4px; width:7px; height:11px; cursor:pointer; background:url(/image/common/map_arrow.png) no-repeat;}
.layer-pagination .arrow.prev span {background-position:-10px 0;}
.layer-pagination .arrow.prev:hover span {background-position:-20px 0;}
.layer-pagination .arrow.next span {background-position:-40px 0;}
.layer-pagination .arrow.next:hover span {background-position:-50px 0;}

/* 자동검색 결과 */
.auto-search-result {position:absolute; max-height:300px; overflow:auto; width:228px; border:1px solid #cbcbcb; border-top:0; background:#fff; font-size:11px; z-index:21;} 
.auto-search-result a {display:block; line-height:25px; padding:0 6px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.auto-search-result a span {color:#999;} 
.auto-search-result li.on a,
.auto-search-result a:hover {background:#02b0ed; color:#fff !important; text-decoration:none;} 
.auto-search-result li.on a span,
.auto-search-result a:hover span {color:#fff;}
.auto-search-result p {padding:7px 10px; color:#666;}
.auto-search-result p.dup {color:#999;}

/* Dialog 레이어 */
.dialog-layer {position:fixed; padding:8px; top:50%; left:50%;}
.dialog-layer-bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.35; filter:alpha(opacity=35);}
.dialog-layer-inner {border:1px solid #888; position:relative; background:#fff; padding:14px;}
.dialog-layer .btn-hide-x {position:absolute; top:23px; right:23px; width:18px; height:18px; text-indent:100px; overflow:hidden; background:url(/image/common/btn_x.png);}
.dialog-layer h2 {font-size:16px; line-height:16px; height:29px;}
.dialog-layer.common {width:330px;}
.dialog-layer.common .dialog-layer-inner {padding:45px 20px 20px;}
.dialog-layer.common .message {min-height:63px; text-align:center; color:#000; font-size:14px;}
.dialog-layer.common .btns {text-align:center;}
.dialog-layer.common .btns button,
.dialog-layer.common .btns .button {margin:0 5px;}

/* 센터 딤 레이어 */
.dim-over-layer {position:absolute; background:#e1e1e0; z-index:501;}
.dim-over-layer .border {height:1px; overflow:hidden; margin:0 1px; background:#ccc;}
.dim-over-layer .inner {border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff;}
.dim-over-layer h2 {padding:10px 13px; font-weight:bold; font-size:16px; border-bottom:1px solid #e0e0e0; background:url(/image/common/bg_slant.png);}
.dim-over-layer h2 span {font-weight:normal; color:#666;}
.dim-over-layer .btn-hide-x {position:absolute; top:14px; right:15px; width:18px; height:18px; text-indent:100px; overflow:hidden; background:url(/image/common/btn_x.png);}
.dim-over-layer .shadow {position:absolute; left:0px; right:2px; bottom:-2px; height:2px; background:url(/image/common/bg_layer_shadow.png) no-repeat;}
.dim-over-layer .shadow span {position:absolute; right:-2px; width:2px; height:2px; background:url(/image/common/bg_layer_shadow.png) right 0 no-repeat;}
.dim-over-layer.member-layer {background:#586472;}
.dim-over-layer.member-layer .border {background:#02162e;}
.dim-over-layer.member-layer .inner {border-color:#02162e;}
.dim-over-layer.member-layer .btn-hide-x {background-image:url(/image/common/btn_x_white.png);}
.dim-over-layer.member-layer h2 {padding:8px 13px 10px; border-bottom:1px solid #02162e; background-image:url(/image/common/bg_slant_navy.png);}

/* 공유하기 버튼들 */
.ext-service {position:absolute; left:50%; margin-left:510px; top:193px; max-width:100px; overflow:hidden;}
.ext-service ul {margin-bottom:20px;}
.ext-service li {height:30px;}